<!doctype html>
<html class="no-js" lang="">
<head>
  <meta charset="utf-8">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>kblog ui</title>

  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <!-- Place favicon.ico in the root directory -->

  <!-- build:css styles/vendor.css -->
  <!-- bower:css -->
  <!-- endbower -->
  <!-- endbuild -->

  <!-- build:css styles/main.css -->
  <link rel="stylesheet" href="../styles/layout.css">
  <link rel="stylesheet" href="../styles/create-topic.css">
  <link rel="stylesheet" href="../styles/simditor.css">
  <!-- endbuild -->

  <!-- build:js scripts/vendor/modernizr.js -->

  <script src="../scripts/mobilecheck.js"></script>
  <!-- endbuild -->
</head>
<body>

<!--[if lt IE 10]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
  your browser</a> to improve your experience.</p>
<![endif]-->


<header class="header">
  <div class="navbar-header">
    <button class="navbar-toggle collapsed">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Anting</a>

  </div>
  <div class="navbar-collapse collapse collapsing ">
    <h1 class="header-logo">
      <a href="#">anting</a>
    </h1>
    <nav class="header-nav">
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">JAVA</a></li>
        <li><a href="#">CSS</a></li>
        <li><a href="#">算法</a></li>
        <li><a href="#">其他</a></li>

      </ul>
    </nav>
    <div class="header-search">
      <form action="#">
        <input class="search-input" type="search" placeholder="search">
      </form>
    </div>

    <div class="header-login">
      <a href="login.html">登陆</a>
    </div>

  </div>
</header>


<div class="container">


  <div class="main">


    <div class="page-wrapper">

      <h1 class="title">修改个人信息</h1>
      <form action="#" class="form-control">

        <div class="form-group">
          <label for="username">标题</label>
          <input type="text" id="username">
        </div>
        <div class="form-group">
          <label for="category">邮箱</label>
          <select class="category" id="category">
            <option>java</option>
            <option>java</option>
            <option>java</option>
            <option>java</option>
            <option>java</option>
          </select>

          <div class="tags">
            <section>
              <input type="checkbox" ><span>java</span>
            </section>
            <section>
              <input type="checkbox" ><span>java</span>
            </section>
            <section>
              <input type="checkbox" ><span>java</span>
            </section>
          </div>
        </div>
        <div class="form-group">
          <label for="phone">描述</label>
          <textarea id="phone" class="describe"></textarea>
        </div>
        <div class="form-group form-fileUpload">
          <label>选择标题图片</label>
          <label for="fileUpload" class="fileUpload-btn btn btn-default">上传图片</label>
          <input type="file" id="fileUpload">
          <div class="preview">

          </div>
        </div>
        <div class="form-group form-group-content">
          <label for="txt-content">正文</label>
          <textarea id="txt-content" data-autosave="editor-content" autofocus required></textarea>
        </div>


        <div class="btn-group">
          <!--<button type="reset" class="btn btn-default">重置</button>-->
          <button type="submit" class="btn btn-default">提交</button>
        </div>


      </form>

    </div>


  </div>

</div>
<footer class="footer">
  <div class="foot">
    <div class="describes">
      <h3>关于本站</h3>
      <p> WP酷 提供免费的 WordPress 企业模板,淘宝客主题,博客主题等各种主题下载，并分享 WordPress 主题安装使用教程及模板制作的视频教程下载和实用插件。如果您喜欢，欢迎通过 RSS、邮箱
        订阅本站，WP酷
        将会第一时间为您推送最新信息!</p>
    </div>
    <div class="contact">
      <h3>联系我们</h3>
      <span>Email：pcdotfan@aliyun.com</span>
    </div>
    <div class="qrcode">
      <h3>扫码关注</h3>
      <img src="images/qcode.png">
    </div>
  </div>
</footer>


<!--<script src="scripts/main.js"></script>-->
<script src="../scripts/jquery.min.js"></script>


<script src="../scripts/module.min.js"></script>
<script src="../scripts/uploader.min.js"></script>
<script src="../scripts/hotkeys.min.js"></script>
<script src="../scripts/simditor.min.js"></script>
<script src="../scripts/page-demo.js"></script>

<!-- endbuild -->
</body>
</html>
